<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title></title>
    <link rel="stylesheet" href="css/jiepu.css">
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="js/jquery.imgpreload.js"></script>
    <script src="js/hammer.min.js" ></script>
    <script src="js/hammer.fakemultitouch.js" ></script>
    <script src="js/hammer.showtouches.js" ></script>
    <script src="js/jiepu.js"></script>

</head>
<body>
    <div class="pageOuter">
        <div class="innerDiv">

            <div class="page page1">
                <div class="h832" >
                    <div class="innerDiv">
                        <div class="bgImg abs page1Img1"></div>
                        <div class="bgImg abs page1Img2" style="opacity: 0.1"></div>
                        <img src="images/page1Img3.png" class="abs p1Img1">
                        <img src="images/page1Img3.png" class="abs p1Img2">
                        <img src="images/page1Img3.png" class="abs p1Img3">
                    </div>
                </div>
            </div>

            <div class="page page5" style="display: none;">
                <div class="h832">
                    <div class="innerDiv">
                        <div class="bgImg abs page5Img1"></div>
                        <a href="javascript:void(0);" class="abs page5Btn1" onclick="goPage6();"><img src="images/page5Btn1.png"></a>
                    </div>
                </div>
            </div>

            <div class="page page6" style="display: none;">
                <div class="h832">
                    <div class="innerDiv">
                        <div class="bgImg abs page6Img1"></div>
                        <div class="scrollImg">
                            <div class="scrollOuter">

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png" width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                        来捷普  一工厂的<span class="showName">张伟</span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">99000</a>
                                    </div>
                                </div>

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png"  width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                            来捷普  一工厂的<span class="showName">小红/span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">1</a>
                                    </div>
                                </div>

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png"  width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                            来捷普  一工厂的<span class="showName">小王</span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">1</a>
                                    </div>
                                </div>

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png"  width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                            来捷普  一工厂的<span class="showName">张华</span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">1</a>
                                    </div>
                                </div>

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png"  width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                            来捷普  一工厂的<span class="showName">张华</span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">1</a>
                                    </div>
                                </div>

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png"  width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                            来捷普  一工厂的<span class="showName">张华</span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">1</a>
                                    </div>
                                </div>

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png"  width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                            来捷普  一工厂的<span class="showName">张华</span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">1</a>
                                    </div>
                                </div>

                                <div class="scrollInit">
                                    <div class="innerDiv">
                                        <a href="detail.html" class="showLink"><img src="images/img.png"  width="280" height="182" class="showImg"></a>
                                        <p class="showTxt"><span class="showTitle">红红火火迎新年</span><br>
                                            来捷普  一工厂的<span class="showName">张华</span></p>
                                        <a href="javascript:void(0);" onclick="voteThis1(this);" class="abs voteBtn1">1</a>
                                    </div>
                                </div>

                                <div class="clear"></div>
                            </div>
                        </div>


                        <a href="javascript:void(0);" class="abs page6Btn1"><img src="images/page6Btn1.png"></a>
                    </div>
                </div>
            </div>



        </div>
    </div>

<script>
    $(document).ready(function(){
        var images=[];
        images.push("images/page5Img1.png");
        images.push("images/page6Img1.png");

        /*图片预加载*/
        var imgNum=0;
        $.imgpreload(images,
                {
                    each: function(){
                        var status=$(this).data('loaded') ? 'success' : 'error';
                        if(status=="success"){
                            var v=(parseFloat(++imgNum)/images.length).toFixed(2);
                            $('.page1Img2').stop().animate({opacity:v},50);
//                    $("#percentShow").html('已加载:'+Math.round(v * 100) + "%");
                        }
                    },


                    all: function(){
//                $("#percentShow").html("已加载:100%");
//                图片加载完成 加载动画
                        goPage5();
                    }
                });

        nDivHight=$('.scrollImg').height();
        $('.scrollImg').scroll(function(){
            nScrollHight = $(this)[0].scrollHeight;
            nScrollTop = $(this)[0].scrollTop;
            if(nScrollTop + nDivHight >= nScrollHight){
                alert('加载');
            }
        });
    });

    function voteThis1(e){
        var voteNumb=parseInt($.trim($(e).html()));
        voteNumb++;
        $(e).html(voteNumb);
    }
</script>
</body>
</html>